// editable cell
@rok-prefix: 'rok';
@prefix-cls: ~'@{rok-prefix}-basetable-editable-cell';

.edit-rule-popover {
	.ant-popover-inner-content {
		padding: 4px 8px;
		color: @rok-error-color;
		border-radius: 2px;
	}
}
.@{prefix-cls} {
	position: relative;

	&__wrapper {
		display: flex;
		align-items: center;
		justify-content: center;

		.@{prefix-cls}__action {
			margin-left: 8px;
		}

		> .ant-select {
			min-width: calc(100% - 50px);
		}
	}

	&__icon {
		&:hover {
			transform: scale(1.2);

			svg {
				color: @rok-primary-color;
			}
		}
	}

	&__normal {
		&-icon {
			position: absolute;
			top: 4px;
			right: 0;
			display: none;
			width: 20px;
			cursor: pointer;
		}
	}

	&:hover {
		.@{prefix-cls}__normal-icon {
			display: inline-block;
		}
	}
}
